<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/product_detail.css">
    <link rel="stylesheet" href="css/product_list.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/shoppingcart.css">
</head>
<body>
        <!-- 头部 -->
<div id="header">
  <!-- 顶部 -->
  <div id="top">
      <div class="container cf">
          <div><a href="./index.html">legochina.cn</a></div>
          <div style="position: relative;left:46px;">欢迎光临<a href='./index.html'>乐购</a>，请 <a href='./login.html'>登录</a>\<a href='./register.html'  class="correcta ">注册</a></div>
      </div>
  </div>
  <!-- 搜索框体 -->
      <div id="searchBar">
          <div class="container cf">
              <form class="form form10" action="#" method="POST">
                  <input type="text" placeholder="设计中的设计 原研哉" class="input">
                  <div class="searchbox"></div>
              </form>
              
          </div>
      </div>
      <!-- 导航栏-->
<div id="nav">
    <div class="container line cf">

      <select name="area" id="" class="area">
        <option value="" selected>成都高新区三环内</option>
        <option value="">成都二环内</option>
        <option value="">成都一环内</option>
      </select>
      <span class="fr peisong">配送至</span>
    </div>
</div>
</div>
<!-- logo -->
<img src="./images/gouwuche.jpg" alt="" class="img img21 img30">
<div class="container">
  <section id="cartbox" class="legou-container">
    <table>
      <p>填写并核对订单信息</p>
      <thead>
        <tr class="tcenter">
          <td class="selectall2"><input type="checkbox" class="selectall" /><span class="quan">全选</span></td>
          <td>商品</td>
          <td>单价</td>
          <td>数量</td>
          <td>小计</td>
          <td>操作</td>
        </tr>
      </thead>
      <tbody>
        <tr class="tr">
          <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
          <td>
            <img src="./images/index08_05.jpg" alt="" />
            从你的全世界路过
          </td>
          <td class="singleprice">41.02</td>
          <td class="clearfix countbox">
            <a class="fl reducebtn">-</a>
            <input type="text" class="num fl" value="1" />
            <a class="fl addbtn en15">+</a>
          </td>
          <td class="price">41.00</td>
          <td>
            <a class="ashan"> 删除</a>
          </td>
        </tr>
        <tr class="tr">
          <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
          <td>
            <img src="./images/index08_05.jpg" alt="" />
            从你的全世界路过
          </td>
          <td class="singleprice">41.02</td>
          <td class="clearfix countbox">
            <a class="fl reducebtn">-</a>
            <input type="text" class="num fl" value="1" />
            <a class="fl addbtn en15">+</a>
          </td>
          <td class="price">41.00</td>
          <td>
            <a class="ashan"> 删除</a>
          </td>
        </tr>
        <tr class="tr">
          <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
          <td>
            <img src="./images/index08_05.jpg" alt="" />
            从你的全世界路过
          </td>
          <td class="singleprice">41.02</td>
          <td class="clearfix countbox">
            <a class="fl reducebtn">-</a>
            <input type="text" class="num fl" value="1" />
            <a class="fl addbtn en15">+</a>
          </td>
          <td class="price">41.00</td>
          <td>
            <a class="ashan"> 删除</a>
          </td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td class="tcenter">
            <input type="checkbox" class="selectall" /><span class="quan2">全选</span>
          </td>
          <td>
            <a class="shanxuan">删除选中商品</a>
          </td>
          <td colspan="2">已选择<span id="count">0</span>件商品</td>

          <td>总价<span id="totalprice">0.00</span></td>
          <td>
            <a href="#" style="color:#f60">去结算</a>
          </td>
        </tr>
      </tfoot>
    </table>
  </section>
  <div class="ebook cf">
    <div class="cf other ">
        <h1 class="fl othero">人气单品</h1>
       
 
    </div>
    <div class="cf">
        <div class="box7 box20 box100">
         <img src="./images/tupian14.jpg" alt="" class="img132">
         <div class="box32">
             <img src="./images/tupian17.jpg" alt="" class="imgs1">
            <br>
            <span class="span110">白夜行&emsp;东野上吾
             </span>
             <!-- <br>
             <span class="span12">毒天然乳胶</span> -->
             <br>
             <div>
                 <span class="span111">推荐 :</span>
                 <img src="./images/tupian20_16.jpg" alt="">
             </div>
             <div>
                <span class="span16">￥</span>
                <span class="span16 span18">: 38</span>
               &emsp;
             
                <span class="span16 span112">￥</span>
                <span class="span16 span18 span113">: 58</span>
            
       
             </div>
              
 
                
         </div>
   
        </div>
        <div class="box7 box20 box100">
            <img src="./images/tupian14.jpg" alt="" class="img132">
            <div class="box32">
                <img src="./images/tupian17.jpg" alt="" class="imgs1">
               <br>
               <span class="span110">白夜行&emsp;东野上吾
                </span>
                <!-- <br>
                <span class="span12">毒天然乳胶</span> -->
                <br>
                <div>
                    <span class="span111">推荐 :</span>
                    <img src="./images/tupian20_16.jpg" alt="">
                </div>
                <div>
                   <span class="span16">￥</span>
                   <span class="span16 span18">: 38</span>
                  &emsp;
                
                   <span class="span16 span112">￥</span>
                   <span class="span16 span18 span113">: 58</span>
               
          
                </div>
                 
    
                   
            </div>
      
           </div>
           <div class="box7 box20 box100">
            <img src="./images/tupian14.jpg" alt="" class="img132">
            <div class="box32">
                <img src="./images/tupian17.jpg" alt="" class="imgs1">
               <br>
               <span class="span110">白夜行&emsp;东野上吾
                </span>
                <!-- <br>
                <span class="span12">毒天然乳胶</span> -->
                <br>
                <div>
                    <span class="span111">推荐 :</span>
                    <img src="./images/tupian20_16.jpg" alt="">
                </div>
                <div>
                   <span class="span16">￥</span>
                   <span class="span16 span18">: 38</span>
                  &emsp;
                
                   <span class="span16 span112">￥</span>
                   <span class="span16 span18 span113">: 58</span>
               
          
                </div>
                 
    
                   
            </div>
      
           </div>
           <div class="box7 box20 box100">
            <img src="./images/tupian14.jpg" alt="" class="img132">
            <div class="box32">
                <img src="./images/tupian17.jpg" alt="" class="imgs1">
               <br>
               <span class="span110">白夜行&emsp;东野上吾
                </span>
                <!-- <br>
                <span class="span12">毒天然乳胶</span> -->
                <br>
                <div>
                    <span class="span111">推荐 :</span>
                    <img src="./images/tupian20_16.jpg" alt="">
                </div>
                <div>
                   <span class="span16">￥</span>
                   <span class="span16 span18">: 38</span>
                  &emsp;
                
                   <span class="span16 span112">￥</span>
                   <span class="span16 span18 span113">: 58</span>
               
          
                </div>
                 
    
                   
            </div>
      
           </div>
           <div class="box7 box20 box100">
            <img src="./images/tupian14.jpg" alt="" class="img132">
            <div class="box32">
                <img src="./images/tupian17.jpg" alt="" class="imgs1">
               <br>
               <span class="span110">白夜行&emsp;东野上吾
                </span>
                <!-- <br>
                <span class="span12">毒天然乳胶</span> -->
                <br>
                <div>
                    <span class="span111">推荐 :</span>
                    <img src="./images/tupian20_16.jpg" alt="">
                </div>
                <div>
                   <span class="span16">￥</span>
                   <span class="span16 span18">: 38</span>
                  &emsp;
                
                   <span class="span16 span112">￥</span>
                   <span class="span16 span18 span113">: 58</span>
               
          
                </div>
                 
    
                   
            </div>
      
           </div>
       
          
          
         
         
   
    </div>
    <!-- <div class="realright">
      <h1>新书畅销榜</h1>
<ol>
    <li>aa</li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>
    </div> -->
    
</div>
</div>
<!-- 图片 -->
<div class="container">
  <div class="bm bm1 bm5">
  </div>
</div>
<!-- footer -->
<footer class="cf">
   <div class="footer-first"></div>
       <div class="footer-second">
           <div class="container2 cf">
               <div class="cf">
                  <div class="fl box3">
                      <img src="./images/222_11.png" alt="" class="img2">
                     
                  </div>
                  <div class="fl  box3">
                      <img src="./images/222_13(1).png" alt="" class="img2">
                     
                  </div>
                  <div class="fl  box3">
                      <img src="./images/222_15.png" alt="" class="img2">
                     
                  </div>
                  <div class="fl  box3">
                      <img src="./images/222_17.png" alt="" class="img2">
                     
                  </div>
               </div>
           
            <div class="cf fl">
              <ul class="ul ul1">
                  <h3><a href="#">购物指南</a></h3>
                  <li class="li9"><a href="#" >购物流程</a></li>
                  <li><a href="#">发票制度</a></li>
                  <li><a href="#">账户管理</a></li>
                  <li><a href="#">会员优惠</a></li>
              </ul>
              <ul class="ul">
                <h3><a href="#"> 支付方式</a></h3>
                <li class="li9"><a href="#">货到付款</a></li>
                <li><a href="#">网上支付</a></li>
                <li><a href="#">礼品卡支付</a></li>     
                <li><a href="#">银行转帐</a></li>
            </ul>
            <ul class="ul">
                <h3 class="h51"><a href="#">订单服务</a></h3>
                <li class="li9"><a href="#">订单配送查询</a></li>
                <li><a href="#">订单状态说明</a></li>
                <li><a href="#">自助取消订单</a></li> 
                <li><a href="#">自助修改订单</a></li>
            </ul>
            <ul class="ul ul21">
                <h3 class="h51"><a href="#">退换货</a></h3>
                <li class="li9"><a href="#">退换货政策</a></li>
                <li><a href="#">自助申请退换货</a></li>
                <li><a href="#">退换货进度查询</a></li>                    
                
                
                
                <li><a href="#">退款方式和时间</a></li>
            </ul>
            <ul class="ul ul22">
                <h3><a href="#">商家服务</a></h3>
                <li class="li9"><a href="#">商家中心</a></li>
                <li><a href="#">运营服务</a></li>
                <li><a href="#">加入尾品汇</a></li>     
                
                
                
                
            </ul>
            </div>
                  
            <div class="img13"><img src="./images/logo_00.png" alt="" class="img16"></div>
              <div class="mucha"><a href='#'>公司简介</a> <span class="special">|</span>   <a href='#' class="en10">Investor Relations</a> <span class="special">|</span>  <a href='#'>网站联盟</a> <span class="special">|</span>  <a href='#'>乐购招商</a>  <span class="special">|</span> <a href='#'>机构销售</a>  <span class="special">|</span> <a href='#'>手机乐购</a> <span class="special">|</span> <a href='#'>官方Blog</a>  <span class="special">|</span>  <a href='#'>热词搜索</a></div>
            
              <div class="box5 box59">Copyright (C) 乐购网 2004-2016, All Rights Reserved</div>
           </div>
       
       </div>

</footer>
      <script src="./lib/jquery.js"></script>
      <script src="./js/shoppingcart.js"></script>
</body>
</html>